@import "@/styles/__index.less";

.running {
  height: 100%;
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: auto;
  gap: 14px;
  margin-right: 5%;

  .top {
    //height: 510px;
    flex: 6;

    display: flex;
    //flex-direction: column;
  }

  .bottom {
    //height: 407px;
    display: flex;
    flex-direction: column;
    flex:2;
    .tbt{
      //width: 100%;
      //height: 100%;
      flex: 1;
      display: flex;
      margin: 16px;
      align-items: center;
      justify-content: center;
      background: url("@/assets/tbt.png") no-repeat center;
      //background-size: 100% 100%;
      background-size: contain;
      .tbtimg{
        //flex: 1;
        //object-fit: cover;
        //min-height: 100%;
        //min-width: 100%;
        //display: block;
      }
    }
    //margin-top: 14px;
  }

  > div {
    width: 100%;
    background: rgba(8, 22, 26, .5);

    .title {
      width: 400px;
    }
  }

  .running-list {
    padding-top: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;

  }
}
